.homeWarp {
  height: calc(100vh - var(--head-height));
  display: flex;
  flex-direction: column;
  // justify-content: center;
  align-items: center;
  background: #f7f8fa;
position: relative;
  // /tobBackground
  .topBackground{
    position: absolute;
    height: 100px;
    width: 160%;
    background-color: var(--primary-color);
    border-radius: 0 0 50% 50%;
    // margin-left: -30%;
  }
  .topCardWarp {
    z-index: 10;
    width: 100%;
    height: 140px;
    // background-image: url(../../assets/homeBg.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;


    .topCard {
      width: 90%;
      background-color: #fff;
      margin: 20px auto;
      border-radius: 10px;
      overflow: hidden;
      .content {
        padding: 5px;

        --nutui-empty-padding: 0;
        --nutui-empty-description-font-size: 12px;
        .emptydescription {
          font-size: 12px;
        }
        .userInfo {
          padding: 10px 20px;
          display: flex;

          .avatar{
            width: 40px;
            height: 40px;
            border-radius: 40px;
            overflow: hidden;
          }
        }
      }
      .bottom {
        text-align: right;
        padding: 10px 20px;
        background-color: #bae0ff;
        font-size: 12px;
      }
    }
  }

  .menuWarp {
    // height: 200px;
    width: 90%;
    background-color: #fff;
    margin: 20px auto;
    border-radius: 10px;
    .title {
      display: block;
      margin: 10px 20px;
      font-weight: 600;
    }
  }
}

.index {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
  margin-bottom: 30px;
}
.title {
  display: block;
  margin: 20px 0;
  font-weight: 600;
}
.btn {
  display: block;
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
